/**
 * App color scheme
 */

const tintColorLight = "#FF6B00"; // 小米橙作为主色调
const tintColorDark = "#FF8533";

export const Colors = {
  light: {
    text: "#333333",
    background: "#FFFFFF",
    tint: tintColorLight,
    icon: "#666666",
    tabIconDefault: "#BFBFBF",
    tabIconSelected: tintColorLight,
  },
  dark: {
    text: "#FFFFFF",
    background: "#121212",
    tint: tintColorDark,
    icon: "#E0E0E0",
    tabIconDefault: "#999999",
    tabIconSelected: tintColorDark,
  },

  // 主题色系
  primary: "#FF6B00", // 小米橙
  secondary: "#00C0FF", // 科技蓝
  success: "#00CD81", // 生态绿
  warning: "#FFB800", // 活力黄
  error: "#FF5B5B", // 警示红

  text: {
    primary: "#333333", // 主要文字
    secondary: "#666666", // 次要文字
    tertiary: "#999999", // 辅助文字
    light: "#FFFFFF", // 亮色文字
    placeholder: "#CCCCCC", // 占位文字
  },

  background: {
    primary: "#FFFFFF", // 主背景
    secondary: "#F5F5F5", // 次要背景
    tertiary: "#FAFAFA", // 第三背景
    mask: "rgba(0, 0, 0, 0.4)", // 遮罩层
  },

  border: {
    light: "#F0F0F0", // 浅边框
    regular: "#E8E8E8", // 常规边框
    dark: "#D9D9D9", // 深边框
  },

  gradient: {
    primary: ["#FF6B00", "#FF9466"], // 橙色渐变
    secondary: ["#00C0FF", "#66D9FF"], // 蓝色渐变
  },

  // 功能色
  functional: {
    link: "#00C0FF", // 链接色
    price: "#FF5B5B", // 价格色
    discount: "#FF8533", // 优惠色
    rating: "#FFB800", // 评分色
    vip: "#FFD700", // 会员金
  },

  // 卡片背景
  card: {
    primary: "#FFFFFF",
    secondary: "#F8F8F8",
    highlight: "#FFF9F5", // 橙色浅背景，用于强调
  },
};

// 优化阴影效果，更加柔和
export const Shadows = {
  small: {
    shadowColor: "#000",
    shadowOffset: { width: 0, height: 1 },
    shadowOpacity: 0.08,
    shadowRadius: 2,
    elevation: 2,
  },
  medium: {
    shadowColor: "#000",
    shadowOffset: { width: 0, height: 2 },
    shadowOpacity: 0.12,
    shadowRadius: 4,
    elevation: 4,
  },
  large: {
    shadowColor: "#000",
    shadowOffset: { width: 0, height: 3 },
    shadowOpacity: 0.16,
    shadowRadius: 6,
    elevation: 6,
  },
};

// 圆角定义
export const BorderRadius = {
  small: 4,
  medium: 8,
  large: 12,
  circle: 999,
};
